@charset "utf-8";
body{
    background-color:#BBC829;
    font-family:Arial, Verdana, sans-serif;
    margin:0px;
}
/* Stylesheet for the 'Tema Basico ONG' Plone theme*/
.container,#visual-portal-wrapper{
    display: block;
    position: relative;
    width: 995px;
    margin:0px auto;
    background-color:white;
}
.clear{
    clear:both;
    float:none;
}
#portal-top{
    display:block;
    position:relative;
}

.customSocialNetwork{
    display:block;
    position:relative;
    margin-right: 200px;
    padding-top: 3px;
    font-size: 13px;
    color: #A8C9EC;
}
.customTopbar{   
    position: relative;
    display: block;
    height: 40px;
    background-color:#022E64;
}

.customButtonImage{
    border: none!important;
    background-image:none!important;
    background: none;
}
.LSBox .inputLabel{
    font-family:Arial;
    font-size:12px;
    height: 18px;
    line-height: 18px;
    width: 163px;
    color:#13526D;
    border:1px solid white!important;
}

.searchSection{
    display:none;
}
/*Items del menu del iconos para social networks*/
#portal-searchbox{
    margin: 9px 0px;
    padding: 0px 10px 0px 0px;
}
#portal-socialnet{
    float: left;
    margin: 4px 0px;
    padding-left: 5px;
    display:block;
    list-style-position: outside;
}
#portal-socialnet li{
    display: inline;
}
#portal-socialnet img {
    border:none!important;
    opacity:0.8;
}
#portal-socialnet li a{
    border:0px;
    background: none;
    margin: 0px;
    padding: 0px 1px;
}
#portal-socialnet li a:hover img{
    opacity:1;
}
/*Logo Section*/
.logobar{
    display:block;
    position:relative;
    background-position: 754px 0px;
    background-image:url(++resource++plonetheme.ongmodern.images/dividertop.jpg);
    background-repeat:no-repeat;
    margin-right: 238px;
}
.logo{
    float:left;
    min-height:100px;
}
.logo img{
    padding: 10px 0px 10px 10px;

}
.slogan{
    font-size:30px;
    font-family:"Times New Roman", Times, serif;
    padding:15px 20px;
    color:#06516D;
    float: left;
}
#portal-logo img{
    display: block;
    float: left;
    position: relative;    
}
#portal-siteactions{
    position:absolute;
    display: block;
    top:45px;
    right:0px;
    margin:0px 5px;
    padding:0px;
    text-align:right;
    z-index: 1;
}
#portal-siteactions li{
    display:inline;
    background-position:left center;
    background-image:url(++resource++plonetheme.ongmodern.images/dividermenutop.jpg);
    background-repeat:no-repeat;
}
#portal-siteactions li a,#portal-breadcrumbs a {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#012C63;
    text-decoration:none;
    padding-left:4px;
    text-transform: inherit!important;
    border: none;
}
#portal-siteactions li a:hover,#portal-breadcrumbs a:hover {
    color:#FF6026;
    text-decoration:underline;
    border: none;
    background-color: transparent;
}
#portal-siteactions li:first-child{
    background-image:none;
}
/*Estilos del calendario*/
.portletCalendar{
    border:1px solid #022E64;
    width: 200px!important;
}
.portletCalendar dt{
    background-color: #022E64;
    color: white;
    text-transform: capitalize;
    font-weight: bold;
}
.portletCalendar dt a{
    text-decoration: none;
    color:white;
}
.ploneCalendar .weekdays th{
    color:#133852;
    background-color: #DFDFDF;
}
.ploneCalendar .todaynoevent,.ploneCalendar .todayevent{
    border: none;
}
.ploneCalendar .todaynoevent strong,.ploneCalendar .todayevent strong{
    background-color: #022E64;
    color:white;
    padding: 0px 3px;
    display: block;
}
.ploneCalendar .todayevent a{
    color:white;
}
.ploneCalendar .event{    
    background-color: white;
}
.ploneCalendar .event a{
    color:#FF3300;
}
.ploneCalendar{
    margin-bottom: 3px;
}
/*Estilos del pie de pagina*/
.footer{
    display:block;
    position:relative;
    clear:both;
    float: none;
    height:38px;
    background-image:url(++resource++plonetheme.ongmodern.images/bgfooter.jpg);
    background-repeat:repeat-x;
    padding-top:10px;
    background-color:#022E64;
}
.footer span{
    font-family:Arial, Helvetica, sans-serif;
    color:#666;
    display:block;
}
span.address{
    font-size:12px;
    margin-right:230px;
    padding:0px 10px;
}
span.copyright{
    font-size:11px;
    padding-right:10px;
    float:right;
}
/*Estilos del menu de usuario*/
#ptheme-personaltools-wrapper{
    position:absolute;
    top: 135px;
    right: 10px;
}
ul.usermenu{
    display:block;
    position:relative;
    margin:5px;
    /*margin-top:70px;
	padding:0px;
	text-align:right;*/

}
ul.usermenu li{
    display:inline;
    background-position:left center;
    background-image:url(++resource++plonetheme.ongmodern.images/separatoruser.jpg);
    background-repeat:no-repeat;
}
ul.usermenu li:first-child,ul.littlemenu li:first-child{
    background-image:none;
}
ul.usermenu li a{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#022E64;
    text-decoration:none;
    font-weight:bold;
    padding-left:8px;
}
ul.usermenu li a:hover{
    text-decoration:underline;
}
/*Galeria*/
.gallery{
    display:block;
    position:relative;
    height:292px;
    background-repeat:no-repeat;
}
.gallery .ui-tabs-panel{
    position:relative;
    background:#999;
    overflow:hidden;
}
.gallery .ui-tabs-hide{
    display:none;
}
.gallery .ui-tabs-panel .info{
    position:absolute;
    top:242px;
    left:0px;
    right:0px;
    height:50px;
    background: url(++resource++plonetheme.ongmodern.images/transparent-bg.png);
}
.gallery .info h2{
    font-size:18px!important;
    font-family:Georgia, serif!important;
    color:#fff!important;
    padding:5px;
    margin:0;
    overflow:hidden;
    border-bottom: none!important;
}
.gallery .info p{
    margin:0 5px;
    font-family:Verdana;
    font-size:11px;
    line-height:15px; 
    color:#f0f0f0;

}
.gallery .info a{
    text-decoration:none;
    color:#fff;
}
#featured .info a:hover{
    text-decoration:underline;
}

#gallery .ui-tabs-nav{
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;    
    margin: 12px 6px;
    z-index: 1;
}
#gallery .ui-tabs-nav li{
    display: block;
    position: relative;   
    margin-bottom: 3px;
}

#gallery .ui-tabs-nav a{
    font-family:Arial;
    font-size: 22px;
    color:white;
    text-decoration: none;
    font-weight: bold;

    display: block;
    position: relative;
    padding: 18px 20px;
    background-color: black;

    opacity:0.6;
    -moz-opacity:0.69;
    -webkit-opacity:0.69;
    filter:alpha(opacity=69);
}
#gallery .ui-tabs-nav a:hover,#gallery ul.ui-tabs-nav li.ui-tabs-selected a{
    opacity:1;
    -moz-opacity:1;
    -webkit-opacity:1;
    filter:alpha(opacity=100);
}
/*Estilos anteriores al pie de pagina*/
#footer-portlets{
    position:relative;
    display:block;
    background-color:#022E64;
    min-height:172px;
    overflow: hidden;
}
#footer-portlets > div,#footer-portlets > ul{
    list-style-type:none!important;
    list-style-image:none!important;
    list-style-position:outside!important;
    text-decoration:none!important;
    display:block;
    position:relative;
    width:238px;
    float:left;
    margin:6px 0px;
    padding-left:10px;
}
#footer-portlets > div:first-child,#footer-portlets > ul:first-child{
    border-right:1px solid #70DBE0;
    padding-right:15px;
    min-height:160px;
}
/*#footer-portlets li{
    padding-bottom: 3px!important;
}*/

#footer-portlets a {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:white;
    text-decoration:none;
}
#footer-portlets a:hover,#footer-portlets a.linkmore:hover{
    text-decoration:underline;
    color:#57D5DB;
}
#footer-portlets a.linkmore {
    color:yellow;
    font-family:Verdana, Geneva, sans-serif;
    font-size:11px;
    display:block;
    text-align:right;
}
#footer-portlets span.title{
    color:#0095DD;
    font-family:Verdana, Geneva, sans-serif;
    font-size:14px;
    background-image:url(++resource++plonetheme.ongmodern.images/infline.jpg);
    background-repeat:no-repeat;
    background-position:bottom;
    padding-bottom:4px;
}

/*Paneles*/
#portal-column-one{
    width: 233px;
    background-image:url(++resource++plonetheme.ongmodern.images/bgpleft.png);
    background-position:-7px top;
    background-repeat:no-repeat;
}
#portal-column-one .visualPadding {
    padding: 8px 15px!important;

}
#portal-columns{
    background-image:url(++resource++plonetheme.ongmodern.images/bgsite.jpg);
    background-repeat:repeat-x;
}
#portal-column-content{
    display:block;
    position:relative;

    min-height:402px;
    padding:10px 15px;
}
.leftobjects{
    border:1px solid red;
}
.documentContent {
    padding: 0px!important;
    background: none;
    border: none!important;
}

.infoes{
    display:block;
    position:relative;
}
.infoes,.infoes p{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    text-align:justify;
}
.infoes p{
    margin-top:8px;
    margin-bottom:0px;
}
.infoes span.title{
    font-weight:bold;
}

.infoleft{
    background-image:url(++resource++plonetheme.ongmodern.images/infogreen.jpg);
    background-repeat:no-repeat;
    display:block;
    position:relative;
    width:340px;
    min-height:250px;
    padding:0px 5px;
    float:left;
}
.inforight{
    background-image:url(++resource++plonetheme.ongmodern.images/infoblue.jpg);
    background-repeat:no-repeat;
    display:block;
    position:relative;
    width:340px;
    min-height:250px;
    padding:0px 5px;
    float:left;
    margin-left:30px;

}
.infoes div h1{
    font-family:Arial, Helvetica, sans-serif;
    font-size:20px;
    margin:15px 0px;
    border: none!important;
}
.infoleft h1{
    color:#588D02;
}
.inforight h1{
    color:#012D64;
}

/*Paneles inferiores*/
.highlink span{
    display: block;
    position: relative;
    width: 219px;
    float: left;
    padding:75px 10px 5px 10px;
}
.highlink ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
    list-style-position: outside;
    border: 1px solid red;
}
.highlink li{
    float: left;
}

.highlink #suscribete{
    background-image:url(++resource++plonetheme.ongmodern.images/suscribete.jpg);
    background-repeat:no-repeat;
}
.highlink #contactenos{
    background-image:url(++resource++plonetheme.ongmodern.images/contactanos.jpg);
    background-repeat:no-repeat;
}
.highlink #blog{
    background-image:url(++resource++plonetheme.ongmodern.images/visitanos.jpg);
    background-repeat:no-repeat;
}
/*Estilos de tabs*/

#hightabs{
    display:block;
    position:relative;
    height:255px;
    background-repeat:no-repeat;
}
#hightabs .ui-tabs-panel{
    position:relative;
    overflow:auto;
    padding:10px;
}
.othercontainer{
    display: block;
    position: relative;
    padding: 1px;
    min-height: 223px;
    background-image:url(++resource++plonetheme.ongmodern.images/body_tabs.jpg);
    background-repeat:no-repeat;
}
.contenttab {

    height:221px;
    width:728px;
    overflow:auto;
}
#hightabs .ui-tabs-hide{
    display:none;
}
#hightabs .ui-tabs-nav{
    display: block;
    position: relative;
    list-style: none;
    padding: 0px;
    margin: 0px;
    height:25px;

}
.documentContent li a{
    border: none!important;
}
ul{
    line-height: normal!important;
}
#hightabs .ui-tabs-nav li{
    display: inline;
    border: solid #022E64;
    border-width: 1px 1px 0 1px;
    margin: 0 0.5em 0 0;
    padding:8px 0px;
    background-image:url(++resource++plonetheme.ongmodern.images/tabbg.jpg);
    background-repeat:repeat-x;
}

#hightabs .ui-tabs-nav a{
    font-family:Verdana,Arial;
    font-size: 14px;
    color:#022E64;
    text-decoration: none;  
    padding: 0 1em;
}
#hightabs .ui-tabs-nav li:hover{
    background-image:url(++resource++plonetheme.ongmodern.images/tabactiv.jpg);
    background-repeat:repeat-x;
    padding:8px 0px;
    cursor: pointer;
}
#hightabs .ui-tabs-nav li:hover a, #hightabs ul.ui-tabs-nav li.ui-tabs-selected a{
    color:#fff;
}
#hightabs ul.ui-tabs-nav li.ui-tabs-selected{
    background-image:url(++resource++plonetheme.ongmodern.images/tabactiv.jpg);
    background-repeat:repeat-x;
    color:#fff;
    padding:8px 0px;
}
/*Navegacion*/
.navTree li{
    font-family:Verdana, Geneva, sans-serif;
    font-size:12px;
    color:#000!important;
    text-transform:capitalize;
}
.navTree li a{
    color:#000!important;
}
.navTree li div{
    padding-left:15px;
    border-bottom:1px #F89A42 solid;
}
.navTree li div:hover,.navTree li.navTreeCurrentNode div {
    border-bottom:1px #4BAB35 solid!important;
    background-position:left 6px;
    padding-left:15px;
}
.navTreeItem a:hover {
    background:none!important;
    border:none!important;
}